import React from "react";
import {  Col, Row, Space, Pagination } from "antd";



function PaginationCom(props)
{
    const{totalCount,pageNum,changePageIndex,changePageNum}=props;
    return(
        <Row>
 <Col span={8}> </Col>
 <Col span={8}>
   <Space>
     <span>&lt;&lt;</span>
     <Pagination
       size="small"
       total={totalCount}
       pageSize={pageNum}
       onChange={(num) => {
        changePageIndex(num);
       }}
     />
     <span>&gt;&gt;</span>
   </Space>
 </Col>
 <Col span={8}>
   <span>每页</span>
   <input
     style={{ width: 35 }}
     defaultValue={pageNum}
     onChange={(e) => {
      changePageNum(e.target.value);
     }}
   />
   <span>条记录</span>
 </Col>
</Row>
        
    )
}
export default PaginationCom;
 